<template>
  <a-layout class="container">
    <!-- 导航 -->
    <Nav></Nav>

    <a-layout>
      <!-- 头部 -->
      <a-layout-header>
        <Header></Header>
      </a-layout-header>
      <!-- 中间内容 -->
      <a-layout-content>
        <router-view></router-view>
      </a-layout-content>
      <!-- 底部 -->
      <a-layout-footer>
        <Footer></Footer>
      </a-layout-footer>
    </a-layout>
  </a-layout>
</template>

<script>
import Nav from '../components/admin/NavView.vue'
import Footer from '../components/admin/FooterView.vue'
import Header from '../components/admin/HeaderView.vue'

export default {
  components: { Nav, Footer, Header },
  data () {
    return {

    }
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created () {

  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted () {

  },
  // 方法集
  methods: {

  }
}
</script>

<style scoped>
  .container{
    height: 100%;
  }
</style>
